<template>
  <div>
    <div class="mint-search">
      <div class="mint-searchbar">
        <div class="mint-searchbar-inner">
          <i class="mintui mintui-search"></i>
          <input type="search" placeholder="搜索" class="mint-searchbar-core">
        </div>
        <a class="mint-searchbar-cancel" style="display: none;">取消</a>
      </div>
      <div class="mint-search-list" style="display: none;">
        <div class="mint-search-list-warp"></div>
      </div>
    </div>
  </div>
</template>
<script>
  import Vue from 'vue'
  import { Search } from 'mint-ui';
  Vue.component(Search.name, Search);
  export default{
    data () {
      return {
        value: '',
        defaultResult: []
      }
    },
    computed: {
      filterResult() {
        return this.defaultResult.filter(value => new RegExp(this.value, 'i').test(value));
      }
    },
    methods: {
      search () {
        alert('search')
      },
      submit(){
        alert(this.value)
      }
    }
  }
</script>
<style>

</style>
